<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<metahttp-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
<title>{if isset($SEO['title']) && !empty($SEO['title'])}{$SEO['title']}{/if}{$SEO['site_title']}</title>
<meta name="keywords" content="{$SEO['keyword']}">
<meta name="description" content="{$SEO['description']}">
<link href="{CSS_PATH}reset.css" rel="stylesheet" type="text/css" />
<link href="{CSS_PATH}hzui/css/fonts.css" rel="stylesheet" type="text/css" />
<link href="{CSS_PATH}default_blue.css" rel="stylesheet" type="text/css" />
<link href="{CSS_PATH}core.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="{JS_PATH}jquery.min.js"></script>
<script type="text/javascript" src="{JS_PATH}jquery.sgallery.js"></script>
<script type="text/javascript" src="{JS_PATH}search_common.js"></script>
<script type="text/javascript" src="{JS_PATH}core.js"></script>
</head>
<body>


<!-- <div class="body-top">
    <div class="content">
         <div class="login lh24 blue">
            <span class="rt">
                <script type="text/javascript">
                    document.write('<iframe src="{APP_PATH}index.php?m=member&c=index&a=mini&forward='+encodeURIComponent(location.href)+'&siteid={get_siteid()}" allowTransparency="true"  width="50%" height="24"  frameborder="0" scrolling="no"></iframe>')
                </script>
            </span>
         </div>
         <div class="search">
            <div class="bd">
                <form action="{APP_PATH}index.php" method="get" target="_blank">
                    <input type="hidden" name="m" value="search"/>
                    <input type="hidden" name="c" value="index"/>
                    <input type="hidden" name="a" value="init"/>
                    <input type="hidden" name="typeid" value="{$typeid}" id="typeid"/>
                    <input type="hidden" name="siteid" value="{$siteid}" id="siteid"/>
                    <input type="text" class="text" name="q" id="q"/><input type="submit" value="搜 索" class="button" />
                </form>
            </div>
         </div> 
     </div>       
</div> -->


<div class="header-t" id="header-tmenu" style="display:none">
        <div class="nav-bar-t">
            <div class="logo-t pdt_5 mgr_20"><img src="{IMG_PATH}mag/logo-small.png" width="72" height="42" /></div>
            <map>
            {pc:content action="category" catid="0" num="25" siteid="$siteid" order="listorder ASC"}
                <ul class="nav-site-t"  id="sddm">
                    <li class="">
                        <a href="{siteurl($siteid)}"> 首页 </a>  
                    </li>
                    {loop $data $r}
                        <li>
                            {if $r[child]==0}
                                <a href="{$r[url]}"> {$r[catname]} </a> 

                            {else} 
                            <!-- 展示下面所有的子栏目列表 -->
                                <a href="javascript:" onmouseover="mopen('downmenu')" onmouseout="mclosetime()"> {$r[catname]} <i class="icons-xiasanjiao-down" style="position:relative;top:-3px;left:5px;"></i></a>
                                {php $header_catid=$r[catid];}
                                <div id="downmenu" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
                                    <!-- 循环子栏目 -->
                                    {loop subcat($header_catid) $v}
                                    <a href="{$v[url]}">{$v[catname]}</a>
                                    {/loop}
                                </div>
                            {/if}
                            <span style="height: 3px; left: 50%; width: 0px; right: 0px;"></span>
                        </li>
                    {/loop}
                </ul>
            {/pc}
            {php echo runhook('glogal_menu')}
            </map>
        </div> 
       <!--  {if $top_parentid}
        <div class="subnav">
            {pc:content action="category" catid="$top_parentid" num="15" siteid="$siteid" order="listorder ASC"}
                {loop $data $r}
                <a href="{$r[url]}">{$r[catname]}</a><span> | </span>
                {/loop}
            {/pc}
            <a href="{APP_PATH}index.php?m=video&c=index&a=album">视频专辑</a> <span> | </span>
            {if $modelid}<a href="{APP_PATH}index.php?m=content&c=search&catid={$catid}">搜索</a>{/if}
        </div>
        {/if}      -->
</div>

<div class="header">
    <div class="logo"> <img src="{IMG_PATH}mag/logo.png" /> </div>
    <div class="banner"><script language="javascript" src="{APP_PATH}index.php?m=poster&c=index&a=show_poster&id=1"></script></div>
    <div class="bk3"></div>
     <div class="nav-bar">
        <map>
        {pc:content action="category" catid="0" num="6" siteid="$siteid" order="listorder ASC"}
            <ul class="nav-site" id="sddm">
                <li class=""><a href="{siteurl($siteid)}"> 首页 </a><span style="height: 3px; left: 50%; width: 0px; right: 0px;"></span></li>
                

                {loop $data $r}


                <li>
                    {if $r[child]==0}
                        <a href="{$r[url]}"> {$r[catname]} <span style="height: 3px; left: 50%; width: 0px; right: 0px;"></span> </a> 

                    {else} 
                    <!-- 展示下面所有的子栏目列表 -->
                        <a href="javascript:" onmouseover="mopen('downme')" onmouseout="mclosetime()"> {$r[catname]} <i class="icons-xiasanjiao-down" style="position:relative;top:-3px;left:5px;"></i> </a>
                        {php $header_catid=$r[catid];}

                        <div id="downme" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
                            <!-- 循环子栏目 -->
                            {loop subcat($header_catid) $v}
                            <a href="{$v[url]}">{$v[catname]}</a>
                            {/loop}
                        </div>


                    {/if}
                    
                </li>


               <!--  <li>
                    <a href="{$r[url]}"> {$r[catname]} </a> 
                    <span style="height: 3px; left: 50%; width: 0px; right: 0px;"></span>
                </li> -->
                {/loop}
            </ul>
        {/pc}
        {php echo runhook('glogal_menu')}
        </map>
    </div> 
    
    <!-- {if $top_parentid}
    <div class="subnav">
        {pc:content action="category" catid="$top_parentid" num="15" siteid="$siteid" order="listorder ASC"}
            {loop $data $r}
            <a href="{$r[url]}">{$r[catname]}</a><span> | </span>
            {/loop}
        {/pc}
        <a href="{APP_PATH}index.php?m=video&c=index&a=album">视频专辑</a> <span> | </span>
        {if $modelid}<a href="{APP_PATH}index.php?m=content&c=search&catid={$catid}">搜索</a>{/if}
    </div>
    {/if} -->
</div>

</body>

<script>

// 头部滚动效果
$(function () {     
    bindCallhead();
});
function bindCallhead() {
    var lastRmenuStatus=false;
    // $('#online-menu .btn-top').click(function(){
    //     $("html, body").animate({
    //         "scroll-top":0
    //     },"fast");
    // });
    $(window).scroll(function(){
        //bug
        var _top=$(window).scrollTop();
        if(_top>200){
            $("#header-tmenu").data("expanded",true);
        }else{
            $("#header-tmenu").data("expanded",false);
        }
        if($("#header-tmenu").data("expanded")!=lastRmenuStatus){
            lastRmenuStatus=$("#header-tmenu").data("expanded");
            console.log(lastRmenuStatus);
            if(lastRmenuStatus){
                //$("#online-menu .btn-top").slideDown();
                $("#header-tmenu").css("display", "block");
            }else{
                //$("#online-menu .btn-top").slideUp();
                $("#header-tmenu").css("display", "none");
            }
        }
    });
}



//header_nav   导航下划线
    $('.nav-site li').hover(function(){
        $('span',this).stop().css('height','3px');
        $('span',this).animate({
            left:'0',
            width:'100%',
            right:'0'
        },200);
    },function(){
        $('span',this).stop().animate({
            left:'50%',
            width:'0'
        },200);
    }); 
</script>


